@charset "utf-8";
html,body{ font:14px/1.8 'Microsoft YaHei',Tahoma,Verdana,'Simsun'; color:#333; -webkit-text-size-adjust:none;overflow: auto; overflow-x:hidden}
h1,h2,h3,h4,h5,h6,p{ padding:0; margin:0;}
ol,ul,li,dl,dt,dd{ list-style:none; padding:0; margin:0;}
a{ color:#333; text-decoration:none;}
a:hover{ color:#3bb9f5;}
/*头部*/
.inner{ width:1170px; margin:0 auto; position:relative;}
header{ background:#fff; zoom:1;}
#web_logo{ margin-left:10px; font-size:0px; position:relative; z-index:999;}

/*顶部导航*/
.top-nav{ float:right; line-height:30px; margin-top:30px;}
.top-nav a{}
.top-nav li.t{ float:left; margin-right:18px; padding-left:42px; background:url("../images/lang.png") no-repeat left center;}
.top-nav li.tel_box{ float:left; margin-right:18px; padding-left:40px; background:url("../images/tel.png") no-repeat left center;}
.top-nav li.email_box{ float:left; padding-left:40px; background:url("../images/email.png") no-repeat left center;}
.top-nav li.t .tel_box img,.top-nav li.t .mail_box img{ display:block; float:left; margin-right:5px; margin-top:15px;}
.top-nav li.t span{ padding:0px 5px; color:#bbb;}
.top-nav li.t .mail_box{ float:right; margin-left:20px;}
.top-nav li.b{ float:left;}
.top-nav li.b p{ float:right; margin-left:30px; width:440px; height:30px; overflow:hidden;}
.b{ line-height:30px;}

.top-logo{ min-height:80px; _height:80px;}
/*nav*/
nav{ height:49px; overflow:hidden; background:#1b8ec5; position:relative; z-index:999;}
.fixed{ position:fixed; top:0px; z-index:999; width:100%; min-width:1200px;}
nav ul li{ float:left; text-align:center; height:49px; line-height:49px; overflow:hidden; background:#1b8ec5; border-radius:0px !important;width:20%;}
nav ul li.h_box{background:#3bb9f5!important;}
nav ul li.h_box a{ color:#fff!important;}
nav ul li a{ color:#fff; font-size:17px; }
nav ul li a:hover{}
nav ul li.line{ width:0px; height:49px; padding:0px; border-left:1px solid #ecc0ad; display:none;}
nav ul li.hover,nav ul li.navdown{ background:#3bb9f5;}
nav ul li.hover a,nav ul li.navdown a{ color:#fff;}
nav ul li.hover a:hover,nav ul li.navdown a:hover{ color:#fff;}


.son_menu{left:140px; position:absolute; z-index:999; margin-top:-1px;}
.son_menu ul{ position:relative; float:left; background:#fff; height:auto;top: 1px;}
.son_menu ul:nth-child(2){left: 0px;}
.son_menu ul:nth-child(3){left: 140px;}
.son_menu ul:nth-child(4){left: 280px;}
.son_menu ul:nth-child(5){left: 420px;}
.son_menu ul:nth-child(6){left: 560px;}
.son_menu ul:nth-child(7){left: 700px;}
.son_menu ul li{ width:140px; font-size:12px; height:34px; overflow:hidden; line-height:34px; text-align:center; border-bottom:1px solid #e6e6e6; background:url("../images/smbg1.png") no-repeat 95% center;}
.son_menu ul li a{ color:#666; padding:10px 10px;}
.son_menu ul li:hover{ background:#3bb9f5;}
.son_menu ul li:hover a{ color:#fff;}
.nc_box{ float:right; width:238px; margin:12px 30px 0px 30px; padding-bottom:25px;}
.nc_box>a{ display:block; width:238px; height:136px; overflow:hidden;}
.nc_box:hover p{ color:#3bb9f5;}
.nc_box p a{ color:#3bb9f5; float:right;}
.cf_box{ float:left; text-align:left;}
.cf_box>a{ font-size:16px; padding-left:16px; line-height:40px;}
.cf_box li{ text-align:left !important;}
/*banner*/
.met_flash{ width:100%; min-width:1920px; font-size:0px; overflow:hidden; position:relative;left:50%; margin-left:-960px;} 
.met_flash ul{ margin:0px; padding:0px;} 

/*首页*/
.style-1 h1.title{ font-weight:normal; font-size:32px; color:#3bb9f5; line-height:32px;}
.style-1 h1.title span{ line-height:32px; color:#fff; font-size:27px;}
.style-1 h1.title p{ font-size:12px; line-height:12px; color:#fff;}
.style-1 a.more{ font-size:13px; line-height:13px; padding:4px 10px; border:1px solid #3bb9f5; border-radius:3px; color:#3bb9f5;}
.style-1 a.more:hover{ background:#3bb9f5; color:#fff;}
.style-2 h1.title { font-weight:normal; font-size:32px; color:#3bb9f5; line-height:32px;}
.style-2 h1.title span{ line-height:32px; font-size:27px; color:#333;}
.style-2 h1.title p{ font-size:12px; line-height:12px; color:#333;}
.style-2 a.more{ font-size:13px; line-height:13px; padding:4px 10px; border:1px solid #3bb9f5; border-radius:3px; color:#3bb9f5;}
.style-2 a.more:hover{ background:#3bb9f5; color:#fff;}
/*环保业务*/
.yewu_box{ width:1394px; margin:0 auto;  height:430px;}
.yewu_box .active{ background:url("../images/yewu.jpg") no-repeat left top; height:430px; padding-top:30px; position:relative; width:100%;}
.yewu_box .active ul{ width:1170px; margin:0 auto; }
.yewu_box .active li{ float:left; background:#8b8b8b; margin:0 15px;}
.libg{ background:#1b8ec5 !important;}
.yewu_box .active li h2 a{ display:block; color:#fff; font-size:20px; line-height:20px; font-weight:bold; padding:7px 20px;}
.yewu_box h1.title{ margin-left:127px;}
.yewu_box .yewucontent{ width:1170px; margin:0 auto; }
.yewu_box .active h2{ font-size:18px; color:#fff; line-height:18px; text-shadow:0px 5px 5px rgba(140,140,140,.58);}
.yewu_box .active .content0 img{ position:absolute; top:130px; right:110px;}
.yewu_box .active .ph_box{ font-size:14px; width:375px; line-height:27px; color:#fff; margin-top:24px; margin-bottom:20px;}


/*关于杰瑞*/
.aboutus{ float:left; width:535px; margin-top:20px;}
.aboutus .active{ margin-top:20px; font-size:14px}
.aboutus .active p{ line-height:26px;}
.aboutus .active ul{ margin-left:10px; margin-bottom:12px;}
.aboutus .active li{ float:left; font-size:15px; line-height:20px; color:#3bb9f5; margin-top:20px; width:200px; height:20px; word-break:break-all;}
.aboutus .active li h2{ float:right;}
.aboutus .active li h2 a{ display:block; font-weight:normal; width:170px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.aboutus .active li h2 a:hover{ color:#333;}
.aboutus .active a.more{ margin-left:10px;}
.nh_box{ width:1170px; margin-top:16px;}
/*产品*/
.index-news{ float:left; width:184px; height:168px; padding:20px 10px; border:4px solid #fff; color:#fff; position:relative;}
.index-news h2.title{ text-align:center; font-size:20px; line-height:20px; font-weight:normal;}
.listel img{ display:block;}
.listel li{ background:url("../images/nbg.jpg") no-repeat left 6px; padding-left:10px; font-size:14px; line-height:24px; margin-top:14px; color:#fff; width:174px; height:48px; word-break:break-all; overflow:hidden;}
.listel li a{ zoom:1; color:#fff; text-overflow: ellipsis;}
.listel li img{ display:none;}
.listel li span{ float:right; color:#666; display:none;}
.index-news a.more{ color:#fff; position:absolute; right:10px; bottom:20px;}
.listel li p{ font-size:13px; display:none;}
.listel li p a{ text-align:left;}
.listel:hover p{ text-align:center; display:block; padding-bottom:20px;}
.gsxw_box .listel:hover li{ height:208px;}
.hydt_box .listel:hover li{ height:208px;}
.chanpin{ float:left; width:570px; height:208px; overflow:hidden; position:relative; border-bottom:2px solid #fff; border-top:2px solid #fff; padding-left:10px;}
.chanpin strong{ font-size:30px; color:#069;}
.gsxw_box{ float:left; width:280px; height:208px; overflow:hidden; position:relative; border-bottom:2px solid #3bb9f5; border-top:2px solid #fff; margin-left:10px;}
.gsxw_box .listel li{ background:rgba(0,0,0,.6); font-size:15px; height:32px; line-height:32px; position:absolute; bottom:0px; width:270px;}
.gsxw_box .listel li img{ display:block; position:absolute; bottom:0px; left:0px;}

/*工程案例*/
.engineering{ margin-top:20px; padding-bottom:30px;}
.engineering strong{ font-size:30px; color:#069;}
.engineeringl{float:left; width:740px; height:570px;  }
.engineeringr{float:left; width:410px; height:570px; position:relative; }
.engineeringr li{position:absolute; background: rgba(0,0,0,.6); width:100%; height:40px; bottom:0px; }
.engineeringr li a{line-height:40px; padding-left:20px; color:#FFFFFF;}
.engineeringl1{ width:360px; float:left; padding-right:10px ; position:relative;}
.engineeringl1 li{position:absolute; background: rgba(0,0,0,.6); width:360px; height:40px; bottom:7px; }
.engineeringl1 li a{line-height:40px; padding-left:20px; color:#FFFFFF;}
.engineeringl2 li a{line-height:40px; padding-left:20px; color:#FFFFFF;}
.engineeringl2{ width:730px; padding-top:3px;  position:relative; clear:both;}
.engineeringl2 li{position:absolute; background: rgba(0,0,0,.6); width:100%; height:40px; bottom:7px; }


/*案例展示*/
.case{ margin-top:20px; width: 1170px;margin: 0 auto; position: relative;}
.case .active{ margin-top:50px;}
.case img{ display:block;max-width: 100%;max-height: 280px;text-align: center;margin: 0 auto;}
.case h1.title{ float:right; margin-right:78px;}
.case dl.ind{ zoom:1; float:left; margin-right:10px; margin-bottom:10px;height: 280px;}
.case .h_box{ position:relative; width:280px;}
.case dl.ind .xiangqing{ background:rgba(0,0,0,.6); position:absolute; top:0; left:0;}
.case dl.ind .xiangqing h2,.case dl.ind .xiangqing p.desc{ color:#fff;}
.case dl.ind .xiangqing a{ display:block; width:100px; height:28px; text-align:center; color:#fff; border:1px solid #fff; border-radius:3px; line-height:28px; margin-top:20px;}
.case dl.ind .xiangqing a:hover{ background:#fff; color:#3bb9f5;}
.case dl.ind dt,.case dl.ind dd{ position:relative;}
.case dl.ind .xiangqing{ display:none;}
.case .h_box:hover .xiangqing{ display:block;}
.cp{width:570px; height:208px;}
.cp strong{ font-size:30px; color:#069;}
.index-conts{ float:right; width:290px; margin-top:15px;}

.index-product{ padding-top:15px; *margin-top:15px; *padding-top:0px;}
.index-product .profld{ margin:0px; position:relative; overflow:hidden;}
.index-product h3 span{ float:left; }
.index-product ol{ position: absolute; width: 2012em; }
.index-product ol li{ float:left; text-align:center;  height:160px !important;}
.index-product ol li a.img{ display:block; text-align:center; font-size:12px;}
.index-product ol li a.img img{ display:block; margin:auto; border:1px solid #d6d6d6;}
.index-product ol li h3{ font-weight:normal; margin-top:5px; height:20px; line-height:20px; overflow:hidden;}
.index-product .flip{ height:20px; overflow:hidden; margin:8px 15px 0px; float:left; }
* html .index-product .flip{ width:300px;}
*+html .index-product .flip{ width:300px;}
.index-product .next,.index-product .prev{ width:18px; height:18px; overflow:hidden; display:block; float:left; background:url("../images/neu.gif") no-repeat;}
.index-product .next{ background-position:-17px 0px; }
.index-product .next:hover{ background-position:-57px 0px; }
.index-product .prev{ background-position:-40px 0px; }
.index-product .prev:hover{ background-position:0px 0px; }
#trigger{ float:left; margin-right:5px; margin-top:0px; position:relative; bottom:8px; *bottom:0px; *top:5px; zoom:1;}
#trigger a{ background:url("../images/neu.gif") no-repeat -78px -10px; width:8px; height:8px; font-size:0px; display:inline-block; overflow:hidden; margin-right:5px;}
#trigger a.current{ background-position:-78px 0px;}

#tabs-nav{ float:left;text-align: center; margin-left:15px;}
#tabs-nav li {margin: 0 4px; display: inline-block; zoom: 1; *display:inline; position:relative; *top:12px;}
#tabs-nav li a {width: 8px; height: 8px; display: block; overflow:hidden; background:#9df0f5; cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px;}
#tabs-nav li a:hover { background:#fff; }
#tabs-nav li a.flex-active{ background:#fff; cursor: default; }
.index-links{ background:#fff; padding:5px 15px 10px; margin-top:15px; position:relative;}
.index-links h3{ height:32px; line-height:32px; padding-left:20px; background:url("../images/dt-2.gif") no-repeat left center; font-weight:normal; font-size:14px; position:relative; border-bottom:1px dotted #ccc; margin-bottom:10px;}
.index-links h3 a.more{ position:absolute; right:10px; top:0px; color:#666; font-size:12px;}
.index-links ul{ margin:0px; padding:0px;}
.index-links .img{ margin-bottom:3px;}
.index-links .img li{ list-style:none; display:inline; padding-right:5px;}
.index-links .img img{ width:88px; height:31px;}
.index-links .txt{ zoom:1;}
.index-links .txt li{ list-style:none; float:left; width:88px; height:20px; line-height:20px; margin-right:5px; overflow:hidden;}

/*底部*/
.foot_box{ background:#1b8ec5; font-size:14px; line-height:200%; padding:20px 0px; color:#fff; margin-top:34px; position:relative; z-index:999;}
.foot_box a{ color:#fff;}
.foot_box dl:first-child{padding: 0 100px;}
.foot_box dl:first-child img{padding-top: 20px;}
.foot_box dl{ float:left; padding:0px 35px; border-right:1px solid #9a9a9a; height:160px}
.foot_box dt{ margin-bottom:5px; font-size:16px;font-weight: bold;}
.foot_box dl p{ line-height:25px;}
footer{ background:#003366; color:#fff; font-size:14px;}
footer a{ color:#fff;}
.foot-nav{ text-align:center; height:44px; line-height:44px; float:left;}
.foot-nav span{ font-size:10px; margin:0px 8px; color:#888;}
.foot-text{ text-align:center;  line-height:44px;}

/*返回顶部*/
.totop{position:fixed; right:10px; bottom:10px; z-index:1000;}
/*分享*/
.foot_box .jiathis_style_24x24{ margin-top:20px;}
.foot_box .jiathis_style_24x24 .jiathis_button_cqq span{ background:url("../images/qqicon.png") no-repeat left top !important; width:20px; height:25px !important;}
.foot_box .jiathis_style_24x24 .jiathis_button_weixin span{ background:url("../images/wxicon.png") no-repeat left top !important; width:20px; height:25px !important;}
.foot_box .jiathis_style_24x24 .jiathis_button_tqq span{ background:url("../images/qqwbicon.png") no-repeat left top !important; width:20px; height:25px !important;}
.foot_box .jiathis_style_24x24 .jiathis_button_tsina span{ background:url("../images/wbicon.png") no-repeat left top !important; width:20px; height:25px !important;}
/*留言*/
.liuyan_box{ position:fixed; right:10px; z-index:999; top:25%; text-align:center; width:152px; height:200px; background:url("../images/message.png") no-repeat left top;}
.liuyan_box a.zixun{ display:block; width:112px; height:24px; line-height:24px; margin:0 auto; margin-top:133px; background:#fff; border:1px solid #f4921e; color:#f4921e;}
.liuyan_box a.pop{ display:block; width:112px; height:24px; line-height:24px; margin:0 auto; margin-top:7px; background:#f4921e; border:1px solid #f4921e; color:#fff;}
.zuixiaohua{ position:absolute; right:10px; top:5px; width:12px; height:12px; border:1px solid #ddd; background:#eee; color:#999; font-size:16px; line-height:10px;}

.liuyanban{ width:315px; position:fixed; z-index:999; right:235px; top:50px; background:#f4f3f2; border-radius:3px; padding:10px 15px 0px 15px; font-weight:normal; color:#666;}
.liuyanban h3{ padding-left:35px; font-size:20px; font-weight:normal; color:#3bb9f5; background:url("../images/liuyantbg.png") no-repeat left center;}
.liuyanban table{ padding:10px 0px;}
.liuyanban td.text{ font-size:14px; text-align:center; width:52px; height:36px; font-weight:normal; color:#666; border:1px solid #dddcdb; border-right:none; padding:0px; background:#fff; border-top-left-radius:2px; border-bottom-left-radius:2px;}
.liuyanban td.input{ padding:0px;}
.liuyanban td.input input{ height:36px; width:250px; padding:0px; margin-right:2px;}
.liuyanban input.input-text, .liuyanban input.input-file, .liuyanban input.code, .liuyanban textarea{ background:#fff; border-radius:0px; border:1px solid #dddcdb; border-top-right-radius:2px; border-bottom-right-radius:2px;}
.liuyanban textarea{ padding:0px; padding-right:5px; width:297px;}
.liuyanban td.input .info{ padding-left:0px;}
.liuyanban .submint{ padding-left:100px;}
.liuyanban input.submit{ border-radius:2px;}
.liuyanban td.input img{ margin-left:20px; margin-bottom:6px;}

/*内页侧栏*/
.sidebar{ margin-top:15px;}
.sidebar .sb_nav{ float:left; width:242px;}
.sidebar .sb_nav h1.title{ text-align:center; line-height:26px; font-size:18px; font-weight:normal; color:#333; margin:0px 0px 10px 0px; padding: 10px 0;color:#fff;background: #1b8ec5;}
.sidebar .sb_nav h1.line{ margin-top:15px; }
.sidebar .sb_nav .active{ padding:0px ;}
.sidebar .sb_nav .editor{ margin-top:20px;margin-bottom: 70px;}
.show-con{line-height: 200%;color: #666;padding: 20px 15px 80px; font-size: 16px;}
.show-con img{max-width: 80%!important;height:auto!important;display: block;margin: 0 auto;}
#sidebar dl{ margin-bottom:10px;}
#sidebar dl dt{padding: 10px 20px; background: #f8f7f7;font-weight: bold; margin-bottom: 10px;}
#sidebar dl li{ padding-left:30px; background: url("../images/dt-11.gif")no-repeat 16px center;}
#sidebar dl li a{font-size:12px;border-bottom: 1px solid #1b8ec5;}
#sidebar dl dt.on{}
#sidebar dl dd{ padding:0px 0px 0px 15px;}
#sidebar dl dd h4{ font-weight:normal; padding:5px 0px 5px 10px; background:url("../images/sbtbg.png") repeat-y left center;}
#sidebar dl dt a{ display:block; line-height:28px;}
#sidebar dl dt a:hover{color: #1b8ec5;}
#sidebar dl dt.on a{ color:#1b8ec5; font-weight:bold;}
#sidebar dl h2.on a{ color:#1b8ec5}
.sidebar .sb_box{ float:right; width:900px; background:#fff; overflow:hidden; }
.sidebar .sb_box h2.title{ border-bottom:1px solid #ddd; background:#f8f8f8; height:35px; line-height:35px; position:relative;}
.sidebar .sb_box h2.title span{ position:absolute; left:0px; top:-1px; font-size:14px; border-bottom:2px solid #1b8ec5; padding:0px 15px;}
.sidebar .sb_box h2.title div.position{ float:right; font-weight:normal; position:relative; top:3px; right:15px;}
.sidebar .sb_box h2.title div.position a{ color:#444;}



/*首页工程案例*/
.fl{display:inline;float:left}
.fr{display:inline;float:right}
.cf:after{content:"";clear:both;display:block;height:0;overflow:hidden}
.cf{zoom:1}
.pb10{padding-bottom:10px}
.mt10{margin-top:10px}
/*main*/
.lanrenzhijia{width:1160px;margin:0 auto;background:#fff;padding: 0 0 15px; 0}
.lanrenzhijia .title{height:20px;border-bottom: 3px solid #e7e7e7;padding-bottom:10px;}
.lanrenzhijia .title h2{ font-size: 20px;font-family: "microsoft yahei"; }
.lanrenzhijia .title-list{ position: relative; top: 6px;}
.lanrenzhijia .title-list li{ width: 146px; line-height: 20px; text-align: center; float: left; display: inline;}
.lanrenzhijia .title-list li.on{ color: #069; font-weight: bold;}
.lanrenzhijia .title-list p{position:absolute;top:24px;left:0px;width:146px;height:7px;border-top: 3px solid #069; overflow: hidden; text-align: center;}
.lanrenzhijia .title-list b{display:inline-block;width:0;height:0;margin-top:-3px;border-style:solid dashed dashed dashed;border-width:9px;border-color: #069 #fff #fff #fff;overflow: hidden;zoom: 1;font-size: 0;}
.product{ height: 268px; position: relative; overflow: hidden; display: none; margin-top: 20px;}
.product ul{ position: absolute; left: 0px;}
.product-wrap .show{ display: block;}
.product-wrap .product li{ width:224px; float: left; display: inline; margin-left: 13px;background: #f3f3f3;border: 2px solid #fafafa; transition:0.4s;-webkit-transition:0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;-ms-transition: 0.4s;}
.product-wrap .product li.ml0{margin-left:0px;}
.product-wrap .product li a.imgwrap{ display: block; width: 224px; height: 200px; background: #fff; text-align:center;}
.product-wrap .product li p{padding-left: 15px;color: #666666;line-height: 22px;}
.product-wrap .product li p a{ color: #666666; text-decoration: none;}
.product-wrap .product li p a:hover{ color: #069; text-decoration: none;}

.footer-bom{background: #1b8ec5;color: #fff;    display: inline-block; width: 100%; padding: 30px 0 0;}
.footer-bom .foot-l{float: left; width: 70%;}
.foot-l dt{font-size: 16px;font-weight: bold;}
.footer-bom .foot-r{float: left; width: 30%;}
.footer-bom .foot-r h3{font-size: 24px; margin-top: 30px;}

.footer-bom .footer-ban{text-align: center; padding: 8px; background: #0b74a7; margin-top: 15px;}

.footer-bom .footer-ban a{color: #fff;}

.index-title{color: #1b8ec5;margin-top: 50px;}
.index-title h3{font-size: 30px; font-weight: bold;}
.index-title p{text-transform:uppercase}

.index-about{background: url(../images/about-bg.jpg) no-repeat;padding: 10px 0 100px; margin-bottom: 50px; margin-top: 80px;}
.index-about .index-title{color: #fff;}
.index-about .index-about-con{color: #fff;padding-top: 30px;font-size: 16px; line-height: 30px; }

.index-new .index-new-con{margin-top: 40px; margin-bottom: 30px; display: inline-block;width: 100%;}
.index-new .index-new-con ul li{float: left; width: 50%;margin-bottom: 20px;}
.index-new .index-new-con ul li .index-new-l{float: left; width: 10%;background: #eaeaea; border-radius: 4px;text-align: center; font-size: 12px; padding: 4px 0;}
.index-new .index-new-con ul li .index-new-l .ri{font-weight: bold;font-size:16px ;}
.index-new .index-new-con ul li .index-new-r{float: left; width: 88%; margin-left: 2%;}

.index-new-r .name{font-size: 15px;}
.index-new-r .jianyao{color: #999;}